@layout('layouts.clearly')

@section('head-zone')

@endsection

@section('content')
@id('user.register')

<?php
// Thiết lập các giá trị củ để hiện thị lên trang
// Trường hơp 1 (cập nhật thông tin người dùng)
if (!isset($updating) || !$updating) {
    $updating = false;
    $action = 'dang-ky';
    $title = 'Đăng ký tài khoản';
} else {
    $action = 'cap-nhat';
    $title = 'Cập nhật thông tin tài khoản';
}

// Đọc các giá trị từ Input::old vào $user
if (!isset($user)) {
    foreach (array('username', 'password', 'repassword', 'displayname', 'email', 'phone', 'gender') as $key) {
        $user[$key] = Input::old($key, '');
    }

    $user = (object) $user;

}


?>
<div class="page-head">
    <h1>{{ $title }}</h1>
</div>
<div class="container page-outer">
    <div class="w500 fl-left span80">
        @if ($errors->has() || Session::has('captcha_error'))
        <div class="form-errors">
            <h4>Xảy ra lỗi, bạn vui lòng kiểm tra lại</h4>
            <ul>
                {{ $errors->first('captcha', '<li>:message</li>') }}
                {{ $errors->first('username', '<li>:message</li>') }}
                {{ $errors->first('password', '<li>:message</li>') }}
                {{ $errors->first('repassword', '<li>:message</li>') }}
                {{ $errors->first('displayname', '<li>:message</li>') }}
                {{ $errors->first('email', '<li>:message</li>') }}
                {{ $errors->first('phone', '<li>:message</li>') }}
            </ul>
        </div>
        @endif
        <form id="register-form" action="{{ asset($action) }}" method="POST">
            <fieldset>
            <div class="control-group required">
                <label for="username">
                    Tên đăng nhập
                </label>

                <div class="controls">
                    <input type="text" name="username" id="username" class="w-full" value="{{ $user->username }}"/>
                </div>
            </div>

            @if (!$updating)
            <div class="control-group required">
                <label for="password">Mật khẩu</label>
                <div class="controls">
                    <input type="password" name="password" id="password" class="w-full" value="{{ $user->password }}"/>
                </div>
            </div>


            <div class="control-group required">
                <label for="repassword">Nhập lại mật khẩu</label>
                <div class="controls">
                    <input type="password" name="repassword" id="repassword" class="w-full" value="{{ $user->repassword }}"/>
                </div>
            </div>
            @endif

            <div class="control-group required">
                <label for="name">Tên của bạn <em>(Tối thiểu 3 kí tự)</em></label>
                <div class="controls">
                    <input type="text" name="displayname" id="name" class="w-full" value="{{ $user->displayname }}" />
                </div>
            </div><!-- name field -->

            <div class="control-group required">
                <label for="email" class="required">Địa chỉ email
                    <em>(Vui lòng nhập email thật, dùng khôi phục mật khẩu)</em>
                </label>
                <div class="controls">
                    <input type="text" name="email" id="email" class="w-full" value="{{ $user->email }}" />
                </div>
            </div><!-- email field -->

            <div class="control-group">
                <label class="inline">Giới tính</label>
                <input type="hidden" id="old_gender" value="{{ $user->gender != null ? $user->gender : 1 }}" />
                <label class="checkbox inline">
                    <input type="radio" name="gender" value="1" checked="checked" />Nam
                </label>
                <label class="checkbox inline">
                    <input type="radio" name="gender" value="0" />Nữ
                </label>
            </div>

            <div class="control-group">
                <label for="phone">Số điện thoại <em>(tùy chọn)</em></label>
                <div class="controls">
                    <input type="text" name="phone" id="phone" value="{{ $user->phone }}" class="w-full" />
                </div>
            </div>


            @if (!$updating)
            {{ render('shared.captcha', array('id' => 'captcha')) }}


            <div class="control-group">
                <div class="controls">
                    <label for="owner" class="checkbox">
                        <input type="checkbox" name="owner" id="owner" value="true"
                               data-func="toggle" data-toggle-target="#owner-note" />
                        Đăng ký quyền chủ nhà trọ
                    </label>
                </div>
                <div class="note hidden" id="owner-note">Khi đăng ký với quyền chủ nhà trọ,
                    bạn có quyền đăng tin về nhà trọ nhưng nhà trọ sẻ ở trạng thái chưa xác thực cho đến khi được xem xét.
                    Hy vọng bạn cung cấp thông tin chính xác.</div>
            </div>

            <div class="control-group">
                <div class="controls">
                    <label for="term-accepted" class="checkbox">
                        <input type="checkbox" name="termacceppted" value="true" id="term-accepted" />
                        Chấp nhận các điều khoản sử dụng website <em>phía bên phải</em>
                    </label>
                </div>
            </div>

            @else
            <div class="control-group">
                <div class="controls">
                    <label for="term-accepted" class="checkbox">
                        <input type="checkbox" name="termacceppted" value="true" id="term-accepted" checked="checked" disabled="disabled" />
                        Chấp nhận các điều khoản sử dụng website <em>phía bên phải</em>
                    </label>
                </div>
            </div>
            @endif

            <div class="control-group">
                {{ Form::token() }}
                @if ($updating)
                <button type="submit" class="btn btn-primary fl-right" id="submit">Cập nhật</button>
                @else
                <button type="submit" class="btn btn-primary fl-right" disabled="disabled" id="submit">Đăng ký</button>
                @endif
            </div>
            </fieldset>
        </form>
    </div>

    <div class="w350 fl-right">
        <div class="helper-box">
            <h3>Điều khoản sử dụng</h3>
            <span class="describe">Khi sử dụng dịch vụ của chúng tôi, bạn cần tuân thủ những điều khoản sau:</span>
            <div class="small-box">
                <a href="{{ asset('dien-khoan#tai-khoan') }}">
                    <h4>Về tài khoản</h4>
                </a>
                <ol>
                    <li>Tên tài khoản của bạn <strong>không được</strong> sử dụng các từ ngữ <strong>có nghĩa phản cảm</strong>,
                        <strong>gây hiểu nhầm</strong>, có thể luận ra <strong>ý nghĩa xấu đi ngược với truyền thống và thuần phong mỹ tục</strong> Việt Nam</li>
                    <li>Chúng tôi hoàn toàn không lưu trữ mật khẩu của bạn ở dạng đọc được (readable/plain text). Do đó bạn cần <strong>Ghi nhớ mật khẩu của mình</strong></li>
                    <li>Hãy <strong>cung cấp email chính xác</strong> (nghĩa là có thực và còn được sử dụng), một khi bạn quên mật khẩu, email là cách duy nhất để bạn khôi phục mật khẩu</li>
                </ol>
            </div>
            @if (!$updating)
            <div class="small-box">
                <a href="{{ asset('dien-khoan#thao-luan') }}">
                    <h4>Về bài viết, thảo luận</h4>
                </a>

                <ol>
                    <li>Cấm tuyệt đối các bình luật, tin có nội dung về <strong>chính trị</strong> và <strong>tôn giáo</strong></li>
                    <li>Tránh việc sử dụng <strong>TOÀN BỘ CHỮ IN HOA</strong>, hoặc <strong>tieng viet khong dau</strong> trong bài viết, bình luận</li>
                    <li>Mọi hình thức <em>quảng cáo</em>, <em>lôi kéo</em>, <em>rủ rê</em> ... liên quan đến lợi nhuận khi không được
                        phép của quản lý đều bị cấm.</li>
                    <li>Người dùng sẽ phải chịu toàn bộ trách nhiệm về những bình luật, bài viết, hình ảnh mà mình đăng. Website chúng tôi không chịu trách nhiệm về một bài viết nào của thành viên</li>
                </ol>
            </div>

            <div class="small-box">
                <a href="{{ asset('dien-khoan#nha-tro') }}">
                    <h4>Về nhà trọ</h4>
                </a>
                <ol>
                    <li>Một khi bạn đăng ký với tư cách chủ nhà trọ, bạn được quyền đăng thông tin quảng cáo, giới thiệu về nhà trọ của mình đến khách truy cập nên
                        <strong>vui lòng cung cấp thông tin chính xác.</strong></li>
                    <li>Cấm tuyệt đối các hành động lừa đảo, sai sự thật về thông!</li>
                </ol>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection